<template>
    <div>
        <el-carousel class="carousel" :interval="2000" type="card" height="400px">
            <el-carousel-item v-for="item in 6" :key="item">
                <img class="imgs" src="../assets/imges/325705.jpg" alt="">
            </el-carousel-item>
        </el-carousel>
        <el-carousel class="carousel" :interval="2000" arrow="always" height="400px">
            <el-carousel-item v-for="item in 4" :key="item">
                <img class="imgs" src="../assets/imges/325705.jpg" alt="">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>
<script>
export default {
    name:'slideshow',
    data(){
        return{
            msg:''
        }
    }
    
}
</script>
<style lang="less" scoped>
.imgs{
    width: 100%;
    height:400px;
}
.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}
.carousel{
    background: white;
}
</style>